<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0">
    <link rel="stylesheet" href="css/signedNew.css">
    <title>广东签到有奖</title>
    <script type="text/javascript" src="js/jquery-3.1.1.js"></script>
    <link rel="stylesheet" href="css/swiper-3.4.1.min.css">
    <script src="js/swiper-3.4.1.jquery.min.js"></script>
    <script src="js/jquery.md5.js"></script>
    <script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <script src="/wap/resource/migu/detail/test/wx_sharE_fridens.js"></script>
    <script src="/wap/resource/migu/script/plugins/weixinSecondShare.js"></script>
    <script src="/wap/resource/migu/miguH5/js/plugins/webViewCommon.js"></script>
    <script src="js/util.js"></script>
    <script src="js/vue.js"></script>
    <script src="js/plugin/myPlugin.js"></script>
    <script src="js/jquery.rotate.min.js"></script>
    <!-- <script src="js/signedNew.js"></script> -->
</head>
<body>
<cms:isLogin></cms:isLogin>
<input type="hidden" id="isLogin" value="${isLogin}">
<input type="hidden" id="userId" value="${userId}">
<input type="hidden" id="mobile" value="${mobile}">
<div id="sign" v-cloak>
    <header>
        <img src="img/signedNew_01.png" alt="">
        <img src="img/signedNew_02.png" alt="">
        <img src="img/signedNew_03.png" alt="">
        <img src="img/signedNew_04.png" alt="">
    </header>
    <!--<div class="share"><img src="img/signed_share.png" alt=""></div> -->
    <nav>
        <div class="act-time">{{time}}</div>
        <ul class="clearfix">
            <li v-for="item in arr">
                <img src="img/gd_qiandao.png" alt="" v-if="item<=signeddays">
                <img src="img/signedNew_no.png" alt="" v-else>
            </li>
        </ul>
    </nav>
    <div class="bar">心愿大转盘开启方式：连续签到2天送1次抽奖机会</div>
    <div class="sign" @click="sign" v-if="issigned==false"><img src="img/qdao.png" alt=""></div>
    <div class="sign" v-if="issigned==true"><img src="img/is_qiandao.png" alt=""></div>
    <!--<div class="prizeNum">您已经累计获得<span>X</span>次奖品</div>-->
    <div class="prizeList">剩余抽奖<span>{{remainTimes}}</span>次</div>
    <div class="prizes" @click="tosecond">奖品中心</div>
    <div class="cj">
        <div class="cj_btn playbtn" @click="getaward()">
        </div>
    </div>
    <div class="show"><img src="img/signedNew_show.png" alt="">
        <marquee style="width: 70%;" scrollamount="1" direction="up" behaviour="scroll" v-html="gonggao" scrolldelay="100"></marquee>
    </div>
    <section>
        <ul class="clearfix">
            <li v-for="movie in movies" @click="jump(movie.ID,'m.miguvideo.com'+movie.images)"><img :src="movie.images" alt=""><p>{{movie.name}}</p></li>
        </ul>
    </section>
    <article>
        <div class="rule-top">活动规则</div>
        <div class="rule-cont" v-html="rules">

        </div>
    </article>
    <!--弹窗区块-->
    <div class="pop">
        <div class="div">
            <div class="cont">3天钻石体验会员入袋，现在就激活使用吧</div>
            <div class="btn clearfix">
                <ul>
                    <li @click="tosecond"><img src="img/signedNew_act.png" alt=""></li>
                    <li @click="close"><img src="img/signedNew_later.png" alt=""></li>
                </ul>
            </div>
            <div class="btn2" @click="close"><img src="img/signedNew_ok.png" alt=""></div>
        </div>
        <div class="cancel" @click="close"><img src="img/signedNew_cancel.png" alt=""></div>
    </div>
</div>
</body>
</html>